<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<%
	String path = request.getContextPath();
%>
<div class="header navbar navbar-inverse navbar-fixed-top">

	<!-- BEGIN TOP NAVIGATION BAR -->
	<div class="navbar-inner">
		<div class="container">
			<!-- BEGIN LOGO -->
			<a class="brand" href="index.jsp">
			<img src="<%=path %>/media/image/logo.png" alt="logo" />
			</a>
			<!-- END LOGO -->
			<!--菜单栏右 -->
			<div class="navbar hor-menu hidden-phone hidden-tablet" style="float:right"> <!-- 新增右浮动-->
				<div class="navbar-inner">
					<ul class="nav pull-right" id="navTop">
						<li class="visible-phone visible-tablet">
							<!-- BEGIN RESPONSIVE QUICK SEARCH FORM -->
							<form class="sidebar-search">
								<div class="input-box">
									<a href="javascript:;" class="remove"></a>
									<input type="text" placeholder="Search..." />            
									<input type="button" class="submit" value=" " />
								</div>
							</form>
							<!-- END RESPONSIVE QUICK SEARCH FORM -->
						</li>
						<li title="index">
							<a  title="首页" href="<%=path %>/index.do">
							首页
							</a>
						</li>
						<li title="blog">
							<a href="<%=path %>/blogIndex.do">
							博客
							</a>
						</li>						
						<li>
							<a data-toggle="dropdown" class="dropdown-toggle" href="">主题
							<span class="arrow"></span>
							</a>
							<ul class="dropdown-menu">
								<c:forEach var="theme" items="${theme }">
									<li><a href="<%=path %>/getBlogsByTheme.do?id=${theme.id }">${theme.themeName }</a></li>			
								</c:forEach>
							</ul>
							<b class="caret-out"></b>                        
						</li>
						<li>
							<span class="hor-menu-search-form-toggler">&nbsp;</span>
							<div class="search-form hidden-phone hidden-tablet">
								<form class="form-search">
									<div class="input-append">
										<input type="text" placeholder="Search..." class="m-wrap">
										<button type="button" class="btn"></button>
									</div>
								</form>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<!-- END 菜单栏右  -->
			<!-- BEGIN RESPONSIVE MENU TOGGLER -->
			<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
			<img src="media/image/menu-toggler.png" alt="" />
			</a>          
			<!-- END RESPONSIVE MENU TOGGLER -->            
		</div>
	</div>
	<!-- END TOP NAVIGATION BAR -->
</div>
